style(meetings): enhance login button visibility with brand colors

Update the meeting join page login button to use LFX brand blue colors
instead of gray for better visibility and prominence when users are not
authenticated. Changes include:
- Apply bg-brand-500 (primary LFX blue) background
- Add hover:bg-brand-600 for darker blue on hover
- Use white text for high contrast
- Increase padding from px-2 py-1 to px-3 py-2
- Add font-medium weight and shadow-sm for visual emphasis

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
Signed-off-by: Jordan Evans <jevans@linuxfoundation.org>

Author: 2 people

apps/lfx-one/src/app/modules/meeting/meeting-join/meeting-join.component.html

@@ -263,13 +263,14 @@ <h4 class="font-medium text-gray-900 font-sans">{{ user.name }}</h4>
                         <h4 class="font-medium text-gray-900 font-sans mb-1">Sign in with your LFX account</h4>
                         <p class="text-sm text-gray-600 font-sans">Join quickly with your saved information</p>
                       </div>
-                      <a
+                      <lfx-button
                         size="small"
-                        class="inline-flex items-center gap-1 px-2 py-1 bg-gray-100 hover:bg-gray-200 text-xs rounded transition-colors ml-4"
-                        [href]="'/login?returnTo=' + returnTo()">
-                        <i class="fa-light fa-sign-in"></i>
-                        <span>Sign In</span>
-                      </a>
+                        severity="primary"
+                        label="Sign In"
+                        icon="fa-light fa-sign-in"
+                        [href]="'/login?returnTo=' + returnTo()"
+                        styleClass="ml-4">
+                      </lfx-button>
                     </div>
                   </ng-template>
                 </lfx-message>