Update server button styles and connection logic for online servers

src/pages/Servers.tsx

@@ -310,9 +310,9 @@ function Servers() {
                 style={{
                   width: '100%',
                   padding: '0.75rem',
-                  background: server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)',
-                  color: 'white',
-                  border: 'none',
+                  background: 'transparent',
+                  color: server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)',
+                  border: `2px solid ${server.status === 'online' ? 'var(--accent-primary)' : 'var(--text-secondary)'}`,
                   borderRadius: '6px',
                   fontWeight: 'bold',
                   cursor: server.status === 'online' ? 'pointer' : 'not-allowed',
@@ -321,8 +321,7 @@ function Servers() {
                 disabled={server.status !== 'online'}
                 onClick={() => {
                   if (server.status === 'online') {
-                    // In a real app, this would connect to the server
-                    alert(`Connecting to ${server.name}...`)
+                    window.open(`steam://connect/${server.ip}:${server.port}`)
                   }
                 }}
               >